<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" name="viewport">
		<title></title>
		<script src="./jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<!--[if lt IE 8]><script src="./json3.min.js"></script><![endif]-->
		<script src="./socket.io.js"></script>
		<style type="text/css">
			html,body{background: #ddd;position: relative;width: 100%;height: 100%;}
			#loginbox{
				width:270px;height:370px;position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;
			}
			#loginbox input{
				outline: 0;
				padding:4px 8px;
			}
			.info{
				background: #fff;
				border: 1px solid #999;
				width: 270px;
				margin-top: 20px;
				height: 100px;
			}
			.info textarea{
				outline: 0;
				border: 0;
				width: 266px;
				height: 96px;
				resize: none;
			}
		</style>
	</head>

	<body>
		<div id="loginbox">
			<label>办件ID</label>
			<input type="text" style="width:250px;margin-bottom:10px" placeholder="办件ID" id="fileId" name="fileId" />
			<label>办件名称</label>
			<input type="text" style="width:250px;margin-bottom:10px" placeholder="办件名称" id="fileName" name="fileName" /><br/>
			<!--<label>用户唯一标识</label>
			<input type="text" style="width:250px;margin-bottom:10px" placeholder="用户唯一标识" id="userId" name="userId" /><br/>
			<label>姓名</label>
			<input type="text" style="width:250px;margin-bottom:10px" placeholder="姓名" id="userName" name="userName" /><br/>-->
			<input id="openBtn" type="button" style="width:100px" disabled="true" value="打开办件" onclick="CHAT.open();" />
			<input id="closeBtn" type="button" style="width:100px" disabled="true" value="关闭办件" onclick="CHAT.close();" />
			<div class="info">
				<textarea id="result"></textarea>
			</div>
		</div>
		<script type="text/javascript" src="./client.js"></script>
		<script type="text/javascript">
			CHAT.init();
		</script>
	</body>

</html>